import { Button } from "@mui/material";

export const BillButton = ({ children, onClickHandler}) => {
  return (
    <Button
      variant="contained"
      sx={{
        display: "block",
        textTransform: "inherit",
        backgroundColor: "grey",
        ":hover": { backgroundColor: "grey" },
        lineHeight: 1,
        padding: "5px"
      }}
      onClick={onClickHandler}
    >
      {children}
    </Button>
  );
};
